<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#d1{
				transition: all 1s;
			}
		</style>
		<input type="button" value="放大" onclick="fangda()" />
		<input type="button" value="旋转" onclick="xuanzhuan()" />
		<br />
		<img src="2.jpg" id="d1" width="200" onclick="huan()"/>
	</head>
	<body>
	<script>
	        var fangda = function(){
	        	d1.width = d1.width*1.2;
	        };
	        var huan = function(){
	        	d1.src = "1.jpg";
	        };
	        var dushu = 0;
	        var xuanzhuan = function(){
	        	dushu = dushu + 360;
	        	d1.style.transform = "rotate("+dushu+"deg)";
	        };
	</script>
	</body>
</html>
